<script setup lang="ts">
import CommonConfig from "./CommonConfig.vue";
import type { FormDesignerComponents } from "../FormComponentMixin";
const config = defineModel<FormDesignerComponents>("config");
</script>

<template>
  <CommonConfig v-model:config="config" />
  <el-form-item label="栅格宽度">
    <el-input-number v-model="config.props.span" placeholder="栅格宽度多少" />
  </el-form-item>
  <el-form-item label="左侧间隔">
    <el-input-number v-model="config.props.offset" placeholder="左侧间隔栅格宽度多少" />
  </el-form-item>
  <el-form-item label="右移栅格">
    <el-input-number v-model="config.props.push" placeholder="右移栅格宽度多少" />
  </el-form-item>
  <el-form-item label="左移栅格">
    <el-input-number v-model="config.props.pull" placeholder="左移栅格宽度多少" />
  </el-form-item>
</template>

<style lang="scss" scoped></style>
